# Vue.js์™€ React์˜ ์ฐจ์ด




# ๊ฐœ๋ฐœ CLI

  • Vue.js : vue-cli

  • React : create-react-app


# CSS ํŒŒ์ผ ์กด์žฌ ์œ ๋ฌด

  • Vue.js : ์—†์Œ. style์ด ์‹ค์ œ ์ปดํฌ๋„ŒํŠธ ํŒŒ์ผ ์•ˆ์—์„œ ์ •์˜๋จ

  • React : ํŒŒ์ผ์ด ์กด์žฌ. ํ•ด๋‹น ํŒŒ์ผ์„ ํ†ตํ•ด style ์ ์šฉ


# ๋ฐ์ดํ„ฐ ๋ณ€์ด

  • Vue.js : ๋ฐ˜๋“œ์‹œ ๋ฐ์ดํ„ฐ ๊ฐ์ฒด๋ฅผ ์ƒ์„ฑํ•œ ์ดํ›„ data๋ฅผ ์—…๋ฐ์ดํŠธ ํ•  ์ˆ˜ ์žˆ์Œ

  • React : state ๊ฐ์ฒด๋ฅผ ๋งŒ๋“ค๊ณ , ์—…๋ฐ์ดํŠธ์— ์กฐ๊ธˆ ๋” ์ž‘์—…์ด ํ•„์š”


name: kim ๊ฐ’์„ lee๋กœ ๋ฐ”๊พธ๋ ค๋ฉด
Vue.js : this.name = 'lee'
React : this.setState({name:'lee'})

Vue์—์„œ๋Š” data๋ฅผ ์—…๋ฐ์ดํŠธํ•  ๋•Œ๋งˆ๋‹ค setState๋ฅผ ์•Œ์•„์„œ ๊ฒฐํ•ฉํ•ด๋ถ„๋‹ค.



# [์ฐธ๊ณ  ์ž๋ฃŒ]

์ตœ์ข… ์ˆ˜์ • : 12/17/2022, 7:23:59 AM